﻿@page "/components/buttonfab"

<DocsPage>
    <DocsPageHeader Title="Floating action button" SubTitle="A floating action button (FAB)" />
    <DocsPageContent>
        <DocsPageSection>
            <SectionHeader>
                <Title>Simple FAB</Title>
                <Description></Description>
            </SectionHeader>
            <SectionContent Outlined="true">
                <FabSimpleExample />
            </SectionContent>
            <SectionSource Code="FabSimpleExample" GitHubFolderName="Fab" ></SectionSource>
        </DocsPageSection>
        <DocsPageSection>
            <SectionHeader>
                <Title>Size</Title>
                <Description></Description>
            </SectionHeader>
            <SectionContent Outlined="true">
                <FabSizeExample />
            </SectionContent>
            <SectionSource Code="FabSizeExample" GitHubFolderName="Fab" ></SectionSource>
        </DocsPageSection>
    </DocsPageContent>
</DocsPage>